﻿<!DOCTYPE html>
<html>
<head>
<title>Verify表单验证控件-演示</title>
<script type="text/javascript" src="Scripts/jquery.js"></script>
<script type="text/javascript" src="Scripts/Verify.js"></script>
<script type="text/javascript" src="Scripts/Index.js"></script>
<link rel="stylesheet" href="Styles/Index.css"/>
</head>
<body>
<div id="header"> Verify.js表单验证控件 ver<span class="version"></span>-演示文档 
<a href="http://www.weishakeji.net/" target="_blank"><img class="logo" src=""/></a> </div>
<div class="leftbox">
  <dl class="menubox">
    <dt>系统简述</dt>
    <dd>功能介绍</dd>
    <dd>版权声明</dd>
    <dd>速查表</dd>
  </dl>
  <dl class="menubox">
    <dt>主体功能</dt>
    <dd>非空验证</dd>
    <dd>字符长度验证</dd>
    <dd>数值区间验证</dd>
    <dd>输入是否相同</dd>
    <dd>不等于某值</dd>
    <dd>数据类型验证</dd>
    <dd>文件类型限制</dd>
    <dd>首尾字符验证</dd>
    <dd>正则表达式验证</dd>
  </dl>
  <dl class="menubox">
    <dt>其它功能</dt>
    <dd>分组验证</dd>
    <dd>验证方式</dd>
    <dd>提示信息设置</dd>
    <dd>Ajax异步验证</dd>
  </dl>
</div>
<div id="footer">
  <div class="copyright"> <a href="http://www.weishakeji.net/" target="_blank" style="text-decoration: none;"> 郑州微厦计算机科技有限公司</a>&nbsp;&nbsp; Copyright &copy; 2014-2020 <a href="http://www.weishakeji.net/"
                    target="_blank">Weishakeji</a> All rights reserved </div>
</div>
<div id="rightFloat">
  <h1>"学、练、考"一体化</h1>
  <div>慕课系统+题库系统+在线考试系统</div>
  <h1>自带“分享、分润、分销”</h1>
  <div>更快的扩大生源，最快的创造利润</div>
  <h1>多种风格自由切换</h1>
  <div>网校版、学院版、商务版、政务版</div>
  <h1>多终端、移动学习</h1>
  <div>电脑、手机、微信，全支持</div>
</div>
<div id="adbox"><span  class="red">&hearts;</span> <a href="http://www.kuaiyun.cn/index.action?agentpand=339273" target="_blank" class="red">推荐：快云VPS 买一年送一年</a> </div>
<div id="rightbox">
  <iframe class="context" frameborder="0">
  <form>
    <p>
      <input name="" type="text" nullable="false">
    </p>
    <p>
      <input type="submit" name="button" id="button" value="提交" verify="true">
    </p>
  </form>
  </iframe>
</div>
</body>
<script>

    window.onload = window.onresize = function () {
        //右侧区域的高度
        var hg = document.documentElement.clientHeight - 90;
		var wd=document.documentElement.clientWidth - 200;
        var obj = document.getElementById("rightbox");
        obj.setAttribute("style", "height: " + hg + "px;width:"+wd+"px;");		
    }
</script>
</html>
